<template>
  <el-dialog 
    class="common-dialog" 
    v-model="showDialog" 
    width="50%"
    style="min-width: 800px;"
    @close="handleDialogCancel">
    <div class="info">
      <p><b>上海元德通信息科技有限公司特此声明</b>，本公司提供的<b>“白色笔记”</b>服务仅限于<b>科研辅助类信息服务范畴</b>。
      本公司明确不具备中华人民共和国法律法规所要求的任何医疗执业许可、认证或资质，因此不提供、亦无能力提供任何形式的医疗诊断、
      治疗或与之直接相关的医疗服务。用户理解并同意，“白色笔记”服务产生的任何模型输出、分析结果或信息内容（以下统称“输出内容”），
      <b>严格禁止用于任何与实际医疗行为相关联的用途，包括但不限于疾病或健康状况的诊断、治疗方案的制定或调整、临床决策依据、用药指导、
      手术规划或替代专业医疗人员的判断；</b>用户仅可将输出内容用于与实际医疗行为无涉的科研探索、学术研究或信息参考目的。元德通强烈建议，
      非具备法定执业资格的医疗卫生专业人员不应依赖本服务输出内容进行任何健康或医疗判断；无论用户是否具备执业医师或其他医疗卫生专业资质，
      元德通均不建议且不鼓励其将输出内容应用于实际临床诊疗活动，用户应始终以其独立专业判断和规范医疗实践为准。用户确认，任何依据或参考本
      服务输出内容所采取的行动及其后果，均由其自行承担全部责任，元德通对此不承担任何法律责任。</p>
      <p>鉴于本平台所提供的AI医疗科研模型处于学术研究阶段，其训练数据规模、生成环境适应性及算法鲁棒性均存在固有局限；同时受深度学习模型之随机
      性特征、硬件算力波动及网络传输稳定性等不可控技术因素影响，用户知悉并确认：在提交输入数据并完成模型调用服务后，可能因前述技术限制导致
      输出结果未达预期。因该服务过程中计算资源已实质消耗、数据处理成本已实际发生，依据《中华人民共和国民法典》关于合同履行成本承担之原则及
      可预见性规则，用户所支付的算力使用费用（无论以Token或现金形式体现）均不因结果满意度不足而主张退还，亦不可要求重新执行服务。<b>用户特此
      确认接受该等风险分配机制。</b></p>
    </div>
    <div class="checkbox">
      <el-checkbox v-model="checked1" label="我已知晓以上风险" size="large" />
      <el-checkbox v-model="checked2" label="下次不再弹出" size="large" />
    </div>
    <template #header>
      <i class="line"></i>
      <i class="line"></i>
      <p class="title">风险提示</p>
    </template>
    <template #footer>
      <el-button size="large" @click="handleDialogCancel">取 消</el-button>
      <el-button size="large" type="primary" @click="handleDialogConfirm">确 定</el-button>
    </template>
  </el-dialog>
</template>

<script setup>
  import { ref, reactive } from 'vue'
  import succescIcon from '@/assets/images/success.png'
  import { ElMessage, ElLoading } from 'element-plus'
  import { useUserStore } from '@/stores/user'
  const showDialog = ref(false)
  const loadingInstance = ref(null)
  const checked1 = ref(false)
  const checked2 = ref(false)
  const emit = defineEmits(['confirm'])
  const open = (form) => {
    showDialog.value = true
  }
  // 取消
  const handleDialogCancel = () => {
    checked1.value = false
    checked2.value = false
    showDialog.value = false
  }
  // 确认
  const handleDialogConfirm = async () => {
    if(!checked1.value) {
      ElMessage.error('请确认勾选我已知晓以上协议')
      return
    }
    if(checked2.value) {

    }
    emit('confirm')
    handleDialogCancel()
  }
  defineExpose({
    open
  })
</script>

<style lang="scss" scoped>
  .info{
    background: #F6F6F7;
    border-radius: 6px;
    margin: 20px 30px 5px;
    padding: 20px;
    color: #000A20;
    opacity: 0.85;
    letter-spacing: 1px;
    line-height: 24px;
    p{
      text-indent: 2em;
    }
  }
  .checkbox{
    margin: 0 30px;
  }
</style>